// 编辑器样式
:root.qiao_yi {
  // 编辑器默认边框颜色
  #{getCssVarName(editor, default, border-color)}: getCssVar(color, border, 2);

  // 编辑器悬浮边框颜色
  #{getCssVarName(editor, hover, border-color)}: getCssVar(color, border, 2);

  // 编辑器激活边框颜色
  #{getCssVarName(editor, active, border-color)}: getCssVar(color, fill, 2);

  // 编辑器聚焦边框颜色
  #{getCssVarName(editor, focus, border-color)}: getCssVar(color, primary);

  // 编辑器禁用边框颜色
  #{getCssVarName(editor, disabled, border-color)}: getCssVar(color, border, 2);

  // 编辑器只读边框颜色
  #{getCssVarName(editor, readonly, border-color)}: getCssVar(color, border, 2);

  // 编辑器默认背景色
  #{getCssVarName(editor, default, bg-color)}: getCssVar(color, white);

  // 编辑器默认文本色
  #{getCssVarName(editor, default, text-color)}: getCssVar(color, text, 0);

  // 编辑器默认行高
  #{getCssVarName(editor, default, line-height)}: getCssVar(height-control, default);

  // 标签（数据链接）
  @include b('span-link') {
    font-size: getCssVar('font-size', 'regular');
  }

  // 颜色选择器
  @include b('color-mpicker-custom') {
    #{getCssVarName(color, mpicker, custom-select-color)}: getCssVar(color, primary);
    font-size: getCssVar('font-size', 'regular');
    .#{bem('color-mpicker-custom__color-list--add')} {
      border: 1px solid getCssVar(editor, default, border-color);
    }
  }

  // 时间范围（可选单位）
  @include b('date-range-select') {
    @include e('date-range') {
      @include m('editor') {
        line-height: getCssVar(editor, default, line-height);
        background-color: getCssVar(editor, default, bg-color);

        i {
          font-size: getCssVar('font-size', 'header-5');
          color: getCssVar('color', 'text', 1);
        }
      }
    }

    @include e('select-value') {
      height: getCssVar(editor, default, line-height);
    }
  }

  // 数据选择
  .#{bem('picker__transfer-item')} {
    &.is-active {
      font-weight: getCssVar('font-weight', 'bold');
      color: getCssVar(color, primary);
    }
  }

  // 地址框选择
  @include b('mpicker') {
    @include e('btns') {
      color: getCssVar(color, text, 0);
    }
  }

  // markdown
  @include b('markdown') {
    @include when('disabled') {
      .cherry {
        overflow: hidden;
        border: 1px solid getCssVar(color, border, 2);
        border-radius: getCssVar(border, radius, extra, small);
        box-shadow: none;

        .cherry,
        .cherry-previewer {
          background: getCssVar(color, disabled, fill);
        }
      }
    }
  }

  // 输入框
  @include b('input') {
    .el-input .el-input__inner,
    .el-input .el-input__prefix,
    .el-input .el-input__suffix {
      // 减去边框宽度
      height: calc(100% - 2px);
      line-height: calc(100% - 2px);
    }
  }
}